<!DOCTYPE html>
<html>
  <head>
  <style>
    body{
      background-color: #e9ecef;
    }

    main{
      background-color: whitesmoke;
      width: 25rem;
      margin: auto;
      margin-top:20vh;
      text-align:center;
    }
  </style>

  </head>

  <body>
    <main>
      <br>
      <div style="display: flex; justify-content: center;">
        <img src="/assets/images/logo.png" 
          style="border-radius: 50%;width: 2.5rem;margin-right: 1rem;" >
        <span style="font-size:1.8rem">黑羽医疗</span>
      </div>

      <p>输入用户名、密码登录</p>

      <div>
        <input type="text" placeholder="用户名" >
      </div>

      <br>
      <div>
        <input type="password" placeholder="密码">
      </div>

      <br>
      <div>
        <button>登录</button>
      </div>

      <br>
      <div>
        <a href="/register.html">没有账号？请先注册</a>
      </div>

      <br>

    </main>
  </body>
</html>